<!--
*   Copyright (c) 2007-2008 Seesmic
*
*   Licensed under the Apache License, Version 2.0 (the "License");
*   you may not use this file except in compliance with the License.
*   You may obtain a copy of the License at
*
*       http://www.apache.org/licenses/LICENSE-2.0
*
*   Unless required by applicable law or agreed to in writing, software
*   distributed under the License is distributed on an "AS IS" BASIS,
*   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
*   See the License for the specific language governing permissions and
*   limitations under the License.
-->
<div id="seesmicJSWidget">
  <h3>Seesmic Updates</h3>
  <div id="seesmicJSWidgetList"></div>
</div>

<script type="text/javascript" src="http://api.seesmic.com/javascripts/seesmic/widget.js"></script>
<script type="text/javascript" src="http://api.seesmic.com/users/loiclemeur/videos.js?callback=seesmic.widget.callback&pagesize=5"></script>

<style type="text/css">
#seesmicJSWidget {
  position: relative;
  width: 186px;
  padding: 3px;
  font-size: 80%;
  border: 1px solid #aaa;
  text-align: center;
}
#seesmicJSWidget h3 {
  margin: 2% 0%;
}
#seesmicJSWidgetList table {
  width: 100%;
  text-align: left;
  position: relative;
}
#seesmicJSWidgetList td {
  vertical-align: top;
  padding-bottom: 6px;
}
#seesmicJSWidgetList div {
  background-image: url(http://api.seesmic.com/images/no_thumbnail_sm.png);
  width: 40px;
  height: 30px;
}
</style>

